<template>
  <div class="quote-price-container">
    <searchBox>
      <template #yyxbread>
        <div style="display: flex; align-items: center">
          <el-icon>
            <Location />
          </el-icon>
          <span class="f12 ml10 mr10">当前位置：</span>
          <el-breadcrumb separator="/" class="f12">
            <el-breadcrumb-item>{{ $route.query.searchType === "1" ? "关键词搜索" : "图片搜索" }}</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </template>
    </searchBox>
    <div class="content">
      <el-container>
        <el-aside width="200px">
          <Side :name="'quote-price'" />
        </el-aside>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<script setup>
import Side from "@/components/Side/index";
import searchBox from "@/views/home/components/search";
</script>

<style lang="scss" scoped>
.quote-price-container {
  margin-top: 114px;
  height: calc(100vh - 140px);
  box-sizing: border-box;
  display: flex;

  .content {
    width: 100%;
    padding: 0 20px;
    padding-top: 20px;
    .side {
      padding-top: 0;
    }
  }
}
</style>
